<div style="display: flex;justify-content: flex-end;">
  <apes-card style="border-radius: 8px;margin: 10px;max-width: 200px ">
    <apes-dropdown apesPlacement="bottomRight">
      <div class="item d-flex align-items-center px-sm" apes-dropdown>
        {{currentPostName}}
        <i apes-icon apesType="down"></i>
      </div>
      <ul apes-menu>
        <li apes-menu-item *ngFor="let post of posts;" (click)="changePost(post.id)">{{post.name}}</li>
      </ul>
    </apes-dropdown>
  </apes-card>
</div>
<apes-card apes-row apesGutter="16">
  <div apes-col nzXs="24" apesMd="4" *ngFor="let data of dataList">
    <a (click)="_onclick(data.link)" style="text-decoration : none; ">
      <apes-card class="apes-card apes-card-bordered" style="border-radius: 5px; background: #1890ff !important">
        <i class="anticon anticon-pie-chart display-2" style="margin-left: 85%; color: #ddd"></i>
        <p style="font-size: 20px; margin: 0; color: #fff">{{data.label}}</p>
      </apes-card>
    </a>
  </div>
</apes-card>


